<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" >
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="../../favicon.ico">

    <title>Dashboard Template for Bootstrap</title>
    <script src="/js/dropdown.js"></script>
    <!-- Bootstrap core CSS -->

    <!-- Bootstrap core CSS -->
    <link href="/css/bootstrap.min.css" rel="stylesheet">
    <script src="/js/ace-extra.min.js"></script>
    <script src="/js/bootstrap.min.js"></script>

    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <link href="/css/ie10-viewport-bug-workaround.css" rel="stylesheet">
    <link rel="stylesheet" href="/font-awesome/4.5.0/css/font-awesome.min.css" />
    <!-- Custom styles for this template -->
    <link href="/css/dashboard.css" rel="stylesheet">

    <!-- text fonts -->
    <link rel="stylesheet" href="/css/fonts.googleapis.com.css" />

    <!-- ace styles -->
    <!--    <link rel="stylesheet" href="/css/ace.min.css" class="ace-main-stylesheet" id="main-ace-style" />-->

    <!--[if lte IE 9]>
    <link rel="stylesheet" href="/css/ace-part2.min.css" class="ace-main-stylesheet" />
    <![endif]-->
    <link rel="stylesheet" href="/css/ace-skins.min.css" />
    <link rel="stylesheet" href="/css/ace-rtl.min.css" />

    <!--[if lte IE 9]>! -->
    <link rel="stylesheet" href="/css/ace-ie.min.css" />
    <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
    <!--[if lt IE 9]><script src="/js/ie8-responsive-file-warning.js"></script><![endif]-->
    <script src="/js/ie-emulation-modes-warning.js"></script>

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body>
<div th:replace="/catalog/header"></div>

<div class="container-fluid">
    <div class="row">
        <div class="col-sm-3 col-md-2 sidebar">
            <ul class="nav nav-sidebar">
                <li ><a href="/catalog/main">
                    <i class="glyphicon glyphicon-globe" aria-hidden="true"> </i>
                    Main </a></li>

                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                        <i class="glyphicon glyphicon-check" aria-hidden="true"> </i>
                        Manage
                        <span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="/order/allOrder">Order</a></li>
                        <li role="separator" class="divider"></li>
                        <li><a href="/catalog/item">Catalog</a></li>
                        <li role="separator" class="divider"></li>
                        <li><a href="/account/account">Account</a></li>
                    </ul>
                </li>

                <li class="dropdown active">

                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                        <i class="glyphicon glyphicon-user" aria-hidden="true"> </i>
                        Manager
                        <span class="sr-only">(current)</span>
                        <span class="caret"></span>
                    </a>

                    <ul class="dropdown-menu">
                        <li><a href="/manager/profile">Check</a></li>
                        <li role="separator" class="divider"></li>
                        <li><a href="/manager/managerchange">Change</a></li>
                    </ul>
                </li>
            </ul>
        </div>



        <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">

            <div class="main-content-inner">
                <div class="breadcrumbs ace-save-state" id="breadcrumbs">
                    <ul class="breadcrumb">
                        <li class="">
                            <i class="ace-icon fa fa-home home-icon"></i>
                            <a class="page-header" href="/catalog/main">主页</a>
                        </li>
                        <li class="active">
                            管理员设置
                        </li>
                    </ul><!-- /.breadcrumb -->
                </div>
            </div>

            <div class="page-header">
                <div>
                    <h1>
                        管理员查询
                    </h1>
                </div>


            </div>
            <div class="row">
                <div>
                    <p></p>
                    <p></p>
                    <p></p>
                </div>
            </div>

            <div id="user-profile-1" class="user-profile row">

                <div class="row ">

                    <div class="col-md-3 col-md-offset-1">
                        <div class="row">



                            <span class="profile-picture">
                                <img id="avatar" class="editable img-responsive" alt="头像" src="/images/null.png" style="width: 250px;height: 250px;" />
<input id="image" name="image" type="file" style="display: none">
                            </span>
                            <p></p>
<h3>
                            <i class="glyphicon glyphicon-user" aria-hidden="true">
                            <td class="white text-center" th:text="${session.manager.name}">
                                #{manager.name}
                            </td>
                            </i>
                            </h3>
                    </div>
                    </div>

                        <div class="col-md-6  col-md-offset-1">
                            <dl class="dl-horizontal">
                               <h3>
                                <dt>Name:</dt> </h3>
                                <h4><dd th:text="${session.manager.name}">Name</dd></h4>
                                   <h3><dt>Username:</dt></h3>
                                <h4><dd th:text="${session.manager.username}">Username</dd></h4>
                                    <h3><dt>Email:</dt></h3>
                                    <h4> <dd th:text="${session.manager.email}">Email:</dd></h4>

                                        <h3> <dt>TeleNumber:</dt></h3>
                                        <h4> <dd th:text="${session.manager.phone}">Phone Number:</dd></h4>
                                            <h3><dt>Age:</dt></h3>
                                            <h4><dd th:text="${session.manager.age}">Age:</dd></h4>
                                                <h3>  <dt>Entry Time:</dt></h3>
                                                <h4> <dd th:text="${session.manager.entryTime}">Entry Time:</dd></h4>
                                                    <h3><dt>Address:</dt></h3>


                                <h4><dd th:text="${session.manager.address}">Address:</dd></h4>
                            </dl>

<!--                            <div class="row text-left blockquote-reverse">-->


<!--                                <h3 ></h3>-->
<!--                                <p></p>-->
<!--                                <h3></h3>-->
<!--                                <p></p>-->
<!--                                <h3>Email:</h3>-->
<!--                                <p></p>-->
<!--                                <h3>Address:</h3>-->
<!--                                <p></p>-->
<!--                                <h3>Phone Number:</h3>-->
<!--                                <p></p>-->
<!--                                <h3>Age:</h3>-->
<!--                                <p></p>-->
<!--                                <h3>Entry Time:</h3>-->
<!--                                <p></p>-->

<!--                            </div>-->

<!--                        </div>-->

<!--                      <div class="col-md-4 col-md-offset-1">-->
<!--                          <div class="row text-left" >-->
<!--                             <h3 th:text="${session.manager.name}">Name</h3>-->
<!--                              <p></p>-->
<!--                              <h3 th:text="${session.manager.username}">Username</h3>-->
<!--                             <p></p>-->
<!--                             <h3 th:text="${session.manager.email}">Email</h3>-->
<!--                             <p></p>-->
<!--                             <h3 th:text="${session.manager.address}">Address</h3>-->
<!--                             <p></p>-->
<!--                              <h3 th:text="${session.manager.phone}">Phone Number</h3>-->
<!--                             <p></p>-->
<!--                             <h3 th:text="${session.manager.age}">Age:</h3>-->
<!--                              <p></p>-->
<!--                             <h3 th:text="${session.manager.entryTime}">Entry Time</h3>-->
<!--                             <p></p>-->
<!--                          </div>-->
                      </div>

                </div>
            </div>
        </div>
    </div>


</div>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha384-nvAa0+6Qg9clwYCGGPpDQLVpLNn0fRaROjHqs13t4Ggj3Ez50XnGQqc/r8MhnRDZ" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="/js/vendor/jquery.min.js"><\/script>')</script>
<script src="/js/bootstrap.min.js"></script>
<!-- Just to make our placeholder images work. Don't actually copy the next line! -->
<script src="/js/holder.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="/js/ie10-viewport-bug-workaround.js"></script>

<!--[if !IE]> -->
<script src="/js/jquery-2.1.4.min.js"></script>
<script src="/js/dropdown.js"></script>
<!-- <![endif]-->

<!--[if IE]>
<script src="/js/jquery-1.11.3.min.js"></script>
<![endif]-->
<script type="text/javascript">
    if('ontouchstart' in document.documentElement) document.write("<script src='/js/jquery.mobile.custom.min.js'>"+"<"+"/script>");
</script>
<script src="/js/bootstrap.min.js"></script>

<!-- page specific plugin scripts -->

<!--[if lte IE 8]>
<script src="/js/excanvas.min.js"></script>
<![endif]-->
<script src="/js/jquery-ui.custom.min.js"></script>
<script src="/js/jquery.ui.touch-punch.min.js"></script>
<script src="/js/jquery.gritter.min.js"></script>
<script src="/js/bootbox.js"></script>
<script src="/js/jquery.easypiechart.min.js"></script>
<script src="/js/bootstrap-datepicker.min.js"></script>
<script src="/js/jquery.hotkeys.index.min.js"></script>
<script src="/js/bootstrap-wysiwyg.min.js"></script>
<script src="/js/select2.min.js"></script>
<script src="/js/spinbox.min.js"></script>
<script src="/js/bootstrap-editable.min.js"></script>
<script src="/js/ace-editable.min.js"></script>
<script src="/js/jquery.maskedinput.min.js"></script>

<!-- ace scripts -->
<script src="/js/ace-elements.min.js"></script>
<script src="/js/ace.min.js"></script>
复制代码
<script>
    $('#avatar').click(function(){
        $("#image").trigger('click');
    });
    $('#image').on('change',function(){
        var imgdate = $(this).get(0);
        var showing = document.getElementById('avatar');
        if(imgdate.files && imgdate.files[0]){
            showing.src = window.URL.createObjectURL(imgdate.files[0]);
        }
    });
</script>

</body>
</html>
